.ivu-layout {
    display: flex;
    flex-direction: column;
    flex: auto;
    background: #fff;
}

.query-form {
    /*height: 48px;*/
    border-bottom: none;
    margin-right: 10px;
    background-color: #ffffff;
}

.query-form-el {
    width: 95%;
}

.query-button {
    height: 30px;
    background: #F65555;
    border-radius: 4px;
}

.query-form-btn {
    float: right;
    border-bottom: none;
    background-color: #ffffff;
}

.query-form .ivu-btn-add {
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #EF5350;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #EF5350;
    margin-top: 10px;
}



.query-form .ivu-btn-other {
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #DCDEE2;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #333333;
    margin-top: 10px;
}


.ivu-btn-add {
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #EF5350;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #EF5350;
    margin-top: 10px;
}

  .detail-background-clor{
      background-color: #F7F7F9
  }

.query-form .ivu-btn-query {
    height: 30px;
    background: #F65555;
    border-color: #F65555;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #FFFFFF;
    float: right
}

.query-form .ivu-btn-query:hover {
    height: 30px;
    background: #F27874;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    float: right
}

.query-form .ivu-btn-reset {
    height: 30px;
    background: rgba(192, 192, 192, 0);
    border: 1px solid #DCDEE2;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #333333;
    float: right;
}

.query-form .ivu-btn-reset:hover {
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #F27874;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #F27874;
    float: right;
}

.button-sure {
    height: 30px;
    background: #F65555;
    border-color: #F65555;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.button-sure:hover{
     font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    background: #F27874;
}

.query-form .ivu-btn-switch {
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #EF5350;
}


.query-form .ivu-btn-switch：hover {
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #F27874;
    border-color: white;
}

.ivu-btn-switch {
    margin-right: 1%;
    float: right;
}

.query-form .ivu-btn {
    margin-right: 10px;
    border-radius: 4px;
}


.ivu-btn:hover {
    border: 1px solid #F27874;
    border-radius: 4px;
}

.query-form .ivu-btn-delete {
    background: #ffffff;
    height: 30px;
    border: 1px solid rgba(220, 222, 226, 1);
    border-radius: 4px;
    color: #333333;
    font-size: 14px;
    font-family: Microsoft YaHei;
    margin-top: 10px;
}

.query-form .ivu-btn-delete:hover {
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #F27874;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #F27874;
}

.ivu-btn-save {
    height: 30px;
    background: #F65555;
    border-color: #F65555;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}


.ivu-btn-save:hover {
    height: 30px;
    background: #F27874;
    border-color: #F65555;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    float: right;
}

.ivu-btn-cancel {
    height: 30px;
    background: #ffffff;
    border: 1px solid rgba(220, 222, 226, 1);
    border-radius: 4px;
    color: #333333;
    font-size: 14px;
    font-family: Microsoft YaHei;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ivu-table .ivu-table-row:nth-child(even){
    background:#f8f8f9;
}

.ivu-table .ivu-table-row:nth-child(odd){
    background:#fff;
}

.ivu-table td, .ivu-table-row .ivu-table th{
    min-width: 0;
    height: 48px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    background:none;
    border-bottom: 1px solid #dbdbdb;
}


.ivu-table-border td, .ivu-table-border th {
    border-right: 1px solid #dbdbdb; 
}


.ivu-btn-cancel:hover {
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #F27874;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #F27874;
}
.ivu-modal-footer {
    border-top: 1px solid #e8eaec;
    padding: 1px 20px 50px 50px;
    text-align: right;
}
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
    border-right: none;
    color: #fff;
    background: #E53935!important;
}

.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover {
    color: #f65555;
    border-bottom: 2px solid #f65555;
}

.modal-view-detail {
    padding: 0px;
    font-size: 14px;
    line-height: 1.5;
}

.modal-view-detail .ivu-modal-body {
    padding: 0px;
    font-size: 14px;
    line-height: 1.5;
    padding-top:14px;
    padding-bottom: 14px;
}

.modal-view-detail .ivu-row-flex {
    margin-left: 20px;
    margin-right: 20px;
}

.modal-view-detail .ivu-row-flex:nth-child(even) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #F8F8F9;
}

hr {
    border:0;
    height:1px;
    background-color:#dcdcdc;
    margin-top: 10px;
}

.menu-left .ivu-menu-horizontal{
    margin-left: 20px;
    margin-right: 20px;
}

.ivu-modal-wrap {
    display: flex;
}

.ivu-modal {
    margin: auto;
    top: 0px;
}

.ivu-table {
    width: inherit;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    color: #515a6e;
    font-size: 12px;
    background-color: #fff;
    box-sizing: border-box;
}

.no-add-table{
    margin-top: 20px;
    background-color: #fff;
}

.ivu-table-wrapper{
    margin-top: 10px;
    background-color: #fff;
}

.ivu-table-header th {
    font-family: Microsoft YaHei, Arial, sans-serif;
    font-size: 12px;
    height: 40px;
    background-color: #edeef3;
    border: 1px solid #e8eaec;
}

.ivu-table-fixed-header th {
    font-family: Microsoft YaHei, Arial, sans-serif;
    font-size: 12px;
    height: 40px;
    background-color: #edeef3;
    border: 1px solid #e8eaec;
}

/*.ivu-form-label-top .ivu-form-item-label {*/
/*    padding: 10px 0px 10px 0px;*/
/*}*/

.ivu-form-item {
    margin-bottom: 10px;
    vertical-align: middle;
    zoom: 1;
}

.ivu-input {
    height: 28px;
}

.ivu-input:hover {
    border-color: #ff9800;
}

.ivu-input:focus {
    border-color: #ff9800;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255,152,0,.2);
}

.ivu-select-input {
    height: 28px;
}

.ivu-input-icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    color: #808695;
    position: absolute;
    right: 0;
    z-index: 3;
    margin-right: 60px;
}

.ivu-select-input:hover {
    border-color: #ff9800;
}

.ivu-select-input:focus {
    border-color: #ff9800;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255,152,0,.2);
}

.ivu-select-single .ivu-select-selection {
    height: 28px;
}

.ivu-select {
    height: 28px;
}

.ivu-select:hover {
    border-color: #ff9800;
}

.ivu-select-selection:hover{
    border-color: #ff9800;
}

.ivu-select:focus {
    border-color: #ff9800;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255,152,0,.2);
}

.ivu-select-selection:focus {
    border-color: #ff9800;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255,152,0,.2);
}

.ivu-select-selection-focused, .ivu-select-selection:hover {
    border-color: #ff9800;
}

.ivu-select-item-selected, .ivu-select-item-selected:hover {
    color: #ff9800;
}

.ivu-select-visible .ivu-select-selection {
    border-color: #ff9800;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255,152,0,.2);
}

.vue-treeselect__control {
    height: 28px;
}

.vue-treeselect {
    height: 28px;
}

.ivu-form-item-content {
    line-height: 30px;
}

.ivu-page{
    margin-top:10px;
    display: flex;
    justify-content: flex-end;
    margin-right:20px;
}

.ivu-tabs-nav .ivu-tabs-tab:hover {
    color: #ff9800;
}
.ivu-tabs-nav .ivu-tabs-tab:hover {
    color: #ff9800;
}

.ivu-page-next:hover, .ivu-page-prev:hover {
    border-color: #ff9800;
}
.ivu-page-next:hover a, .ivu-page-prev:hover a {
    color: #ff9800;
}


.ivu-page-options-elevator input:hover {
    border-color: #ff9800;
}

.ivu-page-item-active {
    border-color: #ff9800;
}

.ivu-page-item-active a, .ivu-page-item-active:hover a{
    color: #ff9800;
}

.ivu-page-item:hover a {
    color: #ff9800;
}

.ivu-tabs-nav .ivu-tabs-tab:active {
    color: #ff9800;
}
ivu-tabs-tab-focused{
        color: #ff9800;
}
.ivu-page-item:hover {
    border-color: #ff9800;
}

.ivu-page-options-elevator input:focus {
    border-color: #ff9800;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255,152,0,.2);
}

.ivu-tabs-ink-bar {
    height: 2px;
    box-sizing: border-box;
    background-color: red;
    position: absolute;
    left: 0;
    bottom: 1px;
    z-index: 1;
    transition: transform .3s ease-in-out;
    transform-origin: 0 0;
}

.ivu-tabs-nav .ivu-tabs-tab {
    display: inline-block;
    line-height: 15px;
    padding: 1px 16px;
    margin-right: 16px;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    transition: color .3s ease-in-out;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #757575;
}

.ivu-tabs-nav-next, .ivu-tabs-nav-prev{
    line-height: 15px;
  }
  
.ivu-table .table-info-cell-red{
    background-color: #FD5C50 !important;
}
.ivu-table .table-info-cell-orage{
    background-color: #FF9800 !important;
}
.ivu-table .table-info-cell-yellow{
    background-color: #FDD835 !important;
}
.ivu-table .table-info-cell-blue{
    background-color: #40C4FF !important;
}

.query-form2 {
    /*height: 48px;*/
    border-bottom: none;
    /*margin-right: 10px;*/
    background-color: #ffffff;
}
.query-form2 .ivu-btn-query {
    height: 30px;
    background: #F65555;
    border-color: #F65555;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #FFFFFF;
}

.query-form2 .ivu-btn-query:hover {
    height: 30px;
    background: #F27874;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.query-form2 .ivu-btn-reset {
    height: 30px;
    background: rgba(192, 192, 192, 0);
    border: 1px solid #DCDEE2;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #333333;
}

.query-form2 .ivu-btn-reset:hover {
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #F27874;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #F27874;
}

.query-form2 .ivu-btn-switch2 {

    height: 30px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #EF5350;
}

.query-form2 .ivu-btn-switch2：hover {
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #F27874;
    border-color: white;
}


.code-row-bg2{
    background: #F8F8F9;
}
/*  .layout{
      padding : 1% 0;
  }*/

  html body{
      margin:0;
      padding:0;
      height:100%;
  }

.ivu-notice-notice {
    margin-bottom: 10px;
    padding: 16px;
    border-radius: 4px;
    /*box-shadow: 0 1px 6px rgb(0 0 0/20%);*/
    background: #e3e5e8ab;
    line-height: 1;
    position: relative;
    overflow: hidden;
}
